.container {
    width: 100%;
    height: 100%;
}

.tab_title_wrap {
    width: 100%;
    height: 40px;
}

.tab_title {
    width: 50%;
    height: 40px;
    text-align: center;
    line-height: 40px;
    font-size: 20px;
    color: #FFF;
    background-color: #001529;
    display: inline-block;
    cursor: pointer;
}

.active {
    color: #001529;
    background-color: white;
    cursor: pointer;
}

.tab_item_wrap {
    width: 100%;
    height: 100%;
    margin-top: 5px;
}

.tab_item {
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 100%;
    color: #FFF;
    display: none;
}

.tab_item:nth-of-type(1) {
    background-color: #001529;
}

.tab_item:nth-of-type(2) {
    background-color: #001529;
}

.tab_item:nth-of-type(3) {
    background-color: #001529;
}

.show {
    display: block;
}